<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:p="http://primefaces.org/ui"
	lang="en">
	
	<ui:decorate template="/WEB-INF/facelets/faceletEditar.xhtml">
		<ui:define name="form">
			<h:form styleClass="form-horizontal">
				
				<p:messages id="mensagens"></p:messages>	
				
				<fieldset>
					<legend>Cadastro de Sócios</legend>
					
					<div class="control-group">
						<h:outputLabel value="Nome:" for="nome"
							styleClass="control-label" />
						<p:inputText id="nome" value="#{SocioMB.entidade.nome}" maxlength="30"/>
					</div>
					
					<div class="control-group">
						<h:outputLabel value="E-mail:" for="email"
							styleClass="control-label" />
						<p:inputText id="email" value="#{SocioMB.entidade.email}" maxlength="100"/>
					</div>
					
					<div class="control-group">
						<h:outputLabel value="Telefone fixo:" for="telFixo"
							styleClass="control-label" />
						<p:inputMask mask="(99) 9999-9999" id="telFixo" value="#{SocioMB.entidade.endereco.telefoneFixo}" maxlength="15" />
					</div>
					
					<div class="control-group">
						<h:outputLabel value="Telefone celular:" for="telCelular"
							styleClass="control-label" />
						<p:inputMask mask="(99) 9999-9999" id="telCelular" value="#{SocioMB.entidade.endereco.telefoneCelular}" maxlength="15" />
					</div>
					
					<div class="control-group">
						<h:outputLabel value="Endereço:" for="endereco"
							styleClass="control-label" />
						<p:inputText id="endereco" value="#{SocioMB.entidade.endereco.logradouro}" maxlength="300"/>
					</div>
					
					<div class="control-group">
						<h:outputLabel value="Número:" for="numero"
							styleClass="control-label" />
						<p:inputText id="numero" value="#{SocioMB.entidade.endereco.numero}" maxlength="10"/>
					</div>
					
					<div class="control-group">
						<h:outputLabel value="CEP:" for="cep"
							styleClass="control-label" />
						<p:inputMask mask="99.999-999" id="cep" value="#{SocioMB.entidade.endereco.cep}" maxlength="10"/>
					</div>
					
					<div class="control-group">
						<h:outputLabel value="UF:" for="uf" styleClass="control-label" />
						<p:selectOneMenu id="uf" value="#{SocioMB.uf}" converter="entidadeConverter">
							<f:selectItems 
								value="#{UFMB.entidades}" 
								itemLabel="#{uf.nome}"
								itemValue="#{uf}"
								var="uf"/>
						<p:ajax update="cidades" listener="#{SocioMB.selecionarCidade}"></p:ajax>					
						</p:selectOneMenu>
					</div>
						
					<div class="control-group">
						<h:outputLabel value="Cidade:" for="cidades" styleClass="control-label" />
						<p:selectOneMenu id="cidades" value="#{SocioMB.entidade.cidade}" converter="entidadeConverter">
							<f:selectItems 
								value="#{SocioMB.cidades}" 
								itemLabel="#{cidade.nome}"
								itemValue="#{cidade}"
								var="cidade"/>
						</p:selectOneMenu>
					</div>
					
					<div class="control-group">
						<h:outputLabel value="Ativo?:" for="ativo"/>
						<p:selectBooleanCheckbox id="ativo" value="#{SocioMB.entidade.ativo}" />
					</div>
						  
					<div class="control-group">
						<p:commandButton 
							value="Gravar" 
							action="#{SocioMB.gravar}"
							update="mensagens"/>
						<span></span>
							
						<p:commandButton 
							value="Excluir" 
							action="#{SocioMB.excluir}"
							rendered="#{SocioMB.exibirExcluir}"
							onclick="confirmation.show()" 
							type="button">
						</p:commandButton>
							
						<p:confirmDialog 
							id="confirmDialog" 
							message="Confimar a exclusão do registro?"  
					        header="Confirmação!" 
					        severity="alert" 
					        widgetVar="confirmation">  
					                 
					    <p:commandButton 
					       	id="confirm" 
					       	value="Sim" 
					       	oncomplete="confirmation.hide()"  
					        action="#{SocioMB.excluir}"/>  
					        
					    <p:commandButton 
					       	id="decline" 
					       	value="Não" 
					       	onclick="confirmation.hide()" 
					       	type="button" />   
					                  
					    </p:confirmDialog>  
					</div>
				</fieldset>
			</h:form>
		</ui:define>
	</ui:decorate>
</html>